.flex {
    display: flex;
    flex-direction: row;
}

.flex-column {
    flex-direction: column;
}

.flex-center {
    justify-content: center;
}

.flex-inline-item {
    align-items: center;
}

.flex-between {
    justify-content: space-between;
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.color-desc {
    color: #bbb;
}

.flex {
    display: flex
}

.basis-xs {
    flex-basis: 20%
}

.basis-sm {
    flex-basis: 40%
}

.basis-df {
    flex-basis: 50%
}

.basis-lg {
    flex-basis: 60%
}

.basis-xl {
    flex-basis: 80%
}

.flex-sub {
    flex: 1
}

.flex-twice {
    flex: 2
}

.flex-treble {
    flex: 3
}

.flex-direction {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.align-start {
    align-items: flex-start
}

.align-end {
    align-items: flex-end
}

.align-center {
    align-items: center
}

.align-stretch {
    align-items: stretch
}

.self-start {
    align-self: flex-start
}

.self-center {
    align-self: center
}

.self-end {
    align-self: flex-end
}

.self-stretch {
    align-self: stretch
}

.align-stretch {
    align-items: stretch
}

.justify-start {
    justify-content: flex-start
}

.justify-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.justify-around {
    justify-content: space-around
}

.flex-grow {
    flex-grow: 1
}

.flex-grow-0 {
    flex-grow: 0
}

.flex-shrink {
    flex-shrink: 1
}

.flex-shrink-0 {
    flex-shrink: 0
}

.flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-end {
    justify-content: flex-end
}

.flex-center {
    justify-content: center
}

.flex-bottom {
    align-items: flex-end
}

.flex-inline-item {
    align-items: center
}

.flex-inline-item-end {
    align-items: flex-end
}

.flex-between {
    justify-content: space-between
}

.flex-around {
    justify-content: space-around
}

.ellipse {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ellipse-line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.ellipse-line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden
}

.flex-wrap {
    flex-wrap: wrap
}

.support-logo {
    width: 100px;
}
.support-text {
    font-size: 14px;
    color: #999;
}
